<template>
  <div>
    <ul>
      <li >{{ arr[0] }}</li>
      <li>{{ arr[1] }}</li>
      <li>{{ arr[2] }}</li>
    </ul>
    <button @click="btn">走</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      arr: ["帅哥", "美女", "程序员"],
      i: arr.index
    };
  },
  methods: {
    btn() {
      this.arr[i-1];
      if(i = -1){
        this.arr.push(app[i])
      }
      // this.arr.push(this.arr[0]);//将第一个数组元素的值添加到最后
      // this.arr.shift()//删除第一个数组元素
    },
  },
};
</script>

<style>
</style>